<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            line-height: 100px;
            height: 100px;width: 100%;border: 1px solid red;
        }
    </style>

</head>
<body>
    <div id="div1">

    </div>
    <script type="text/javascript">
        function timer(){
            // 创建Date对象
            // 1，获取本地时间
            var date1 = new Date();//获取计算机时间

            // 2，获取给定的时间
            var date2 = new Date("2020/1/25");
            // 获取时间差
            var time = date2 - date1;
            // console.log(time);//返回的是毫秒数

            // 距离春节还剩下多少天（总得毫秒数目/一天的毫秒数）
            var days = Math.floor(time/24/60/60/1000);
            // console.log(days);
            // 还剩下多少小时
            var hours = Math.floor(time/1000/60/60%24);
            // 还剩下多少分钟
            var mins = Math.floor(time/1000/60%60);
            // 还剩下多少秒
            var seconds = Math.floor(time/1000%60);

            var str = "距离春节还有"+days+","+hours+"小时"+mins+"分钟"+seconds+"秒";
            // console.log(str);
            div1.innerHTML = str;
        }
        setInterval(timer,1000);//每隔1秒调用一下函数
    </script>

</body>
</html>